{% extends "input_layout.html" %}
{% block content %}
    <form class="form-signin" method="post" action="">
        {{ form.hidden_tag() }}
        <img class="mb-4" src="static/自然之窗.png" alt="" width="72" height="72">
        <h1 class="h3 mb-3 font-weight-normal">注销</h1>

        {% if form.username.errors %}
            {{ form.username(class="form-control is-invalid", placeholder="用户名" "border-radius: 20px !important;") }}
            <div class="invalid-feedback">
                {% for error in form.username.errors %}
                    <span>{{ error }}</span>
                {% endfor %}
            </div>
        {% else %}
            {{ form.username(class="form-control", placeholder="用户名", style="margin-bottom: 20px !important;" "border-radius: 20px !important;") }}
        {% endif %}

        {% if form.email.errors %}
            {{ form.email(class="form-control is-invalid", placeholder="电子邮箱", style="margin-bottom: 20px !important;" "border-radius: 20px !important;") }}
            <div class="invalid-feedback">
                {% for error in form.email.errors %}
                    <span>{{ error }}</span>
                {% endfor %}
            </div>
        {% else %}
            {{ form.email(class="form-control", placeholder="电子邮箱", style="margin-bottom: 20px !important;" "border-radius: 20px !important;") }}
        {% endif %}

        {% if form.password.errors %}
            {{ form.password(class="form-control is-invalid", placeholder="密码", style="margin-bottom: 20px !important;" "border-radius: 20px !important;") }}
            <div class="invalid-feedback">
                {% for error in form.password.errors %}
                    <span>{{ error }}</span>
                {% endfor %}
            </div>
        {% else %}
            {{ form.password(class="form-control", placeholder="密码", style="margin-bottom: 20px !important;" "border-radius: 20px !important;") }}
        {% endif %}

        {% if form.confirm_password.errors %}
            {{ form.confirm_password(class="form-control is-invalid", placeholder="确认密码", style="margin-bottom: 20px !important;" "border-radius: 20px !important;") }}
            <div class="invalid-feedback">
                {% for error in form.confirm_password.errors %}
                    <span>{{ error }}</span>
                {% endfor %}
            </div>
        {% else %}
            {{ form.confirm_password(class="form-control", placeholder="确认密码", style="margin-bottom: 20px !important;" "border-radius: 20px !important;") }}
        {% endif %}
		        <button class="btn btn-lg btn-primary btn-block" type="submit">提交注销</button>
<style>
        .btn-primary{
            background-image: linear-gradient(to right, #ffecd2 0%, #fcb69f 100%);
            border-image: linear-gradient(to right, #ffecd2 0%, #fcb69f 100%);
			color: #000080;
        }
        .btn-lg,
        .btn-group-lg > .btn {
        padding: 10px 16px;
        font-size: 18px;
        line-height: 1.3333333;
        border-radius: 20px;
        }
        button, input, optgroup, select, textarea{
        margin: 12;font: inherit;
        }
		body{  background-image: linear-gradient(to right, #ffecd2 0%, #fcb69f 100%);
}
    </style>

        <a class="btn btn-outline-secondary btn-sm" style="margin-top: 10px !important;" “color: black !important;” href='{{ url_for('welcome') }}'>返回首页</a>
    </form>
{% endblock content %}
